<header class="header header-fixed navbar">

    <div class="brand">
        <a href="javascript:;" class="fa fa-bars off-left visible-xs" data-toggle="off-canvas" data-move="ltr"></a>

        <a href="index.html" class="navbar-brand">
            <i class="fa fa-heart mg-r-sm"></i>
                    <span class="heading-font">
                        <b>心秘籍</b>
                    </span>
        </a>
    </div>



    <ul class="nav navbar-nav navbar-right off-right">
        <li class="hidden-xs">
            <a href="javascript:;">
                 {$userinfo.nickname}
            </a>
        </li>

        <li class="notifications dropdown hidden-xs">
            <a href="javascript:;" data-toggle="dropdown">
                <i class="fa fa-bell"></i>
                <div class="badge badge-top bg-danger animated flash">3</div>
            </a>
            <div class="dropdown-menu dropdown-menu-right animated slideInRight">
                <div class="panel bg-white no-border no-margin">
                    <div class="panel-heading no-radius">
                        <small>
                            <b>通知</b>
                        </small>
                        <small class="pull-right">
                            <a href="javascript:;" class="mg-r-xs">标记已读</a>&#8226;
                            <a href="javascript:;" class="fa fa-cog mg-l-xs"></a>
                        </small>
                    </div>

                    <ul class="list-group">
                        <li class="list-group-item">
                            <a href="javascript:;">
                                        <span class="pull-left mg-t-xs mg-r-md">
                                            <img src="__ROOT__/Public/asset/img/faceless.jpg" class="avatar avatar-sm img-circle" alt="">
                                        </span>
                                <div class="m-body show pd-t-xs">
                                    <span>上海电机学院</span>
                                    <span>向你邀请了新的测试</span>
                                    <small>两分钟以前</small>
                                </div>
                            </a>
                        </li>
                    </ul>

                    <div class="panel-footer no-border">
                        <a href="javascript:;">查看所有的通知</a>
                    </div>
                </div>
            </div>
        </li>
        <li class="quickmenu">
            <a href="javascript:;" data-toggle="dropdown">
                <img src="__ROOT__/Public/asset/img/faceless.jpg" class="avatar pull-left img-circle" alt="user" title="user">
                <i class="caret mg-l-xs hidden-xs no-margin"></i>
            </a>
            <ul class="dropdown-menu dropdown-menu-right mg-r-xs">
                <li>
                    <a href="javascript:;">
                        <div class="pd-t-sm">
                            {$userinfo.email}
                            <br>

                        </div>

                    </a>
                </li>
                <li>
                    <a href="profile.html">编辑个人资料</a>
                </li>
                <li>
                    <a href="javascript:;">我的序列号</a>
                </li>
                <li>
                    <a href="javascript:;">新通知
                        <div class="badge bg-danger pull-right">3</div>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">使用帮助</a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="/Home/Login/logout">登出</a>
                </li>
            </ul>
        </li>
    </ul>
</header>